<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>memberService</title>
	<link rel="stylesheet" href="">
	<link rel="stylesheet" href="css/member.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body style="overflow-x: hidden;">
	<!-- 爱心模式 -->
	<div id="heart">
		<ul>
			<li>
				<a href="">
					<img src="images/reflash1.png" alt="">
				</a>
			</li>
			<li id="sound_normal">
				<a href="">
					<img src="images/sound_normal.png" alt="">
				</a>
				<span>声音</span>
			</li>
			<li>
				<a href="">
					<img src="images/vol_normal.png" alt="">
				</a>
			</li>
			<li id="heart_point">
				<a>
					<img src="images/point3.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/color1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/enlarge1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/small1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/reflash2.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/cursor1.png" alt="">
				</a>
			</li>
			<li id="screen1">
				<a href="">
					<img src="images/screen1.png" alt="">
				</a>
				<span>显示屏</span>
			</li>
			<li>
				<a href="">
					<img src="images/help1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/left_img5.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/toOriginal.png" alt="">
				</a>
			</li>
			<li id="heart_exit">
				<a>
					<img src="images/exit1.png" alt="">
				</a>
			</li>
		</ul>
	</div>

	<!-- 头部 -->
	<header>
		<div id="wrapper">
			<!-- 头部内容 -->
			<div id="header-con">
				<a href="homepage.jsp" id="logo2x">
					<img src="images/logo@2x.png" alt="">
				</a>
				<!-- 搜索框 -->
				<div id="search">
					<div id="search-con">
						<input type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" id="searchText" name="searchs">
						<a href="" id="search—bon"></a>
					</div>
				</div>
				<!-- 右侧菜单 -->
				<ul id="topMenu">
					<li id="heart_schema">
						 <a>
						 	爱心模式
              			</a>
					</li>
					<li class="menu-line">|</li>
					<li id="Englishs">
						<a href="">
							<span >English</span>
						</a>
						<ul id="EnglishSlide">
							<li>
								<a href="">简体中文</a>
							</li>
							<li>
								<a href="">English</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li id="myslide">
						<a href="">
							<span >我的12306</span>
						</a>
						<ul id="my12306">
							<li>
								<a href="">火车订票</a>
							</li>
							<li>
								<a href="">候补订单</a>
							</li>
							<li>
								<a href="">计次•定期票订单</a>
							</li>
							<li>
								<a href="">约号订单</a>
							</li>
							<li>
								<a href="">本人车票</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">我的餐饮•特产</a>
							</li>
							<li>
								<a href="">我的保险</a>
							</li>
							<li>
								<a href="">我的会员</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">查看个人信息</a>
							</li>
							<li>
								<a href="">账户安全</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">乘车人</a>
							</li>
							<li>
								<a href="">地址管理</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">温馨服务查询</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li>
						<a href="">登录</a>
						<a href="">注册</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 导航 -->
		<div id="nav-box">
			<div id="wrapper1">
				<ul>
					<li>
						<a href="homepage.jsp">首页</a>
					</li>
					<li id="n_arrow_ticket">
						<a href="">车票
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="ticket">
							<nav id="ticket-con0">
								<h3>购买</h3>
								<div>
									<a href="one-way.jsp">
										<span>单程</span>
									</a>
									<a href="">
										<span>中转换乘</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>往还</span>
									</a>
									<a href="">
										<span>计次·定期票</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con3">
								<h3>变更</h3>
								<div>
									<a href="">
										<span>退票</span>
									</a>
									<a href="">
										<span>变更到站</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>改签</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con5">
								<h3>更多</h3>
								<div>
									<a href="">
										<span>中铁银通卡</span>
									</a>
									<a href="">
										<span>市郊快速铁路</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>广九直通车</span>
									</a>
									<a href="">
										<span>国际列车</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_team">
						<a href="">团购服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="team">
							<nav>
								<a href="">
									<span>务工人员</span>
								</a>
								<a href="">
									<span>学生团体</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_vipServe">
						<a href="">会员服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="vipServe">
							<nav>
								<a href="#">
									<span>会员管理</span>
								</a>
								<a href="#">
									<span>积分账户</span>
								</a>
								<a href="#">
									<span>积分兑换</span>
								</a>
								<a href="#">
									<span>会员专享</span>
								</a>
								<a href="memberOld.jsp">
									<span>会员中心</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_station">
						<a href="">站车服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="station">
							<nav id="station-con1">
								<div>
									<a href="">
										<span>重点旅客预约</span>
									</a>
									<a href="">
										<span>遗失物品查找</span>
									</a>
								</div>
							</nav>
							<nav id="station-con2">
								<div>
									<a href="">
										<span>便民托运</span>
									</a>
									<a href="">
										<span>动车组介绍</span>
									</a>
								</div>
							</nav>
							<nav id="station-con3">
								<div>
									<a href="">
										<span> 共享汽车</span>
									</a>
									<a href="">
										<span>定制接送</span>
									</a>
								</div>
							</nav>
							<nav id="station-con4">
								<div>
									<a href="">
										<span> 车站引导</span>
									</a>
									<a href="">
										<span>站车风采</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_tour">
						<a href="">商旅服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="tour">
							<nav>
								<a href="">
									<span>餐饮·特产</span>
								</a>
								<a href="">
									<span>旅游</span>
								</a>
								<a href="">
									<span>保险</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_trip">
						<a href="">出行指南
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="trip">
							<nav id="trip-con0">
								<h3>常见问题</h3>
								<div>
									<a href="">
										<span>车票</span>
									</a>
									<a href="">
										<span>改签、变更到站</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>购票</span>
									</a>
									<a href="">
										<span>退票</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con3">
								<h3>旅客须知</h3>
								<div>
									<a href="">
										<span>铁路电子客票</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>身份验证</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="trip-con5">
								<h3>相关章程</h3>
								<div>
									<a href="">
										<span>铁路互联网售票暂行方法</span>
									</a>
									<a href="">
										<span>铁路进站乘车禁止和跟……</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>铁路旅客运输规程</span>
									</a>
									<a href="">
										<span>广深港高速铁路跨境旅客……</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_message">
						<a href="">信息查询
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="message">
							<nav id="message-con0">
								<h3>常用查询</h3>
								<div>
									<a href="">
										<span>正晚点</span>
									</a>
									<a href="">
										<span>天气</span>
									</a>
								</div>
							</nav>
							<nav id="message-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>时刻表</span>
									</a>
									<a href="">
										<span>交通查询</span>
									</a>
								</div>
							</nav>
							<nav id="message-con3">
								<h3></h3>
								<div>
									<a href="">
										<span>公布票价</span>
									</a>
									<a href="">
										<span>代售点</span>
									</a>
								</div>
							</nav>
							<nav id="message-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>检票口</span>
									</a>
									<a href="">
										<span>客户电话</span>
									</a>
								</div>
							</nav>
							<nav id="message-con5">
								<h3></h3>
								<div>
									<a href="">
										<span>起售时间</span>
									</a>
									<a href="">
										<span>列车状态</span>
									</a>
								</div>
							</nav>
							<nav id="message-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>最新发布</span>
									</a>
									<a href="">
										<span>信用信息</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</header>
	
	<!-- 中部 -->
	<div id="center">
		<!-- 轮播图 -->
		<div id="center-top">
			<!-- 导航栏 -->
			<div id="member_center">
				<dl id="member-top1">
					<dt></dt>
					<dd>
						<a href="">会员管理</a>
					</dd>
					<ul>						
						<li>
							<a href="memberOld.jsp">个人信息</a>
						</li>
						<li>
							<a href="memberOld.jsp">会员等级</a>
						</li>
						<li>
							<a href="memberOld.jsp">账户安全</a>
						</li>
						<li class="triangle">
							<img src="images/arw3.png" alt="">
						</li>
					</ul>
				</dl>

				<dl id="member-top2">
					<dt></dt>
					<dd>
						<a href="">积分账户</a>
					</dd>
					<ul>						
						<li>
							<a href="memberOld.jsp">积分查询</a>
						</li>
						<li>
							<a href="memberOld.jsp">积分补登</a>
						</li>
						<li class="triangle">
							<img src="images/arw3.png" alt="">
						</li>
					</ul>
				</dl>

				<dl id="member-top3">
					<dt></dt>
					<dd>
						<a href="">积分兑换</a>
					</dd>
					<ul>						
						<li>
							<a href="memberOld.jsp">受人管理</a>
						</li>
						<li>
							<a href="memberOld.jsp">兑换车票</a>
						</li>
						<li class="triangle">
							<img src="images/arw3.png" alt="">
						</li>
					</ul>
				</dl>

				<dl id="member-top4">
					<dt></dt>
					<dd>
						<a href="">会员专享</a>
					</dd>
					<ul>						
						<li>
							<a href="">敬请期待</a>
						</li>
						<li class="triangle">
							<img src="images/arw3.png" alt="">
						</li>
					</ul>
				</dl>
				<dl id="member-top5">
					<dt></dt>
					<dd>
						<a href="">帮助中心</a>
					</dd>
					<ul>						
						<li>
							<a href="memberOld.jsp">会员须知</a>
						</li>
						<li>
							<a href="">成为会员</a>
						</li>
						<li>
							<a href="memberOld.jsp">关于会员</a>
						</li>
						<li>
							<a href="memberOld.jsp">关于积分</a>
						</li>
						<li class="triangle">
							<img src="images/arw3.png" alt="">
						</li>
					</ul>
				</dl>
			</div>

			<!-- 轮播图片 -->
			<a href="#" class="ig">
				<img src="images/b01.jpg">
			</a>
			<a href="#" class="ig">
				<img src="images/b02.jpg">
			</a>
			<ul id="con-tabs">
        		<li class="con-tab"></li>
        		<li class="con-tab"></li>
      		</ul>
		</div>
		
		<!-- 服务 -->
		<div id="center-service">
			<div id="center-service-top">
				<dl id="service-top1">
					<dt></dt>
					<dd>
						<a href="">重点旅客预约</a>
					</dd>
				</dl>

				<dl id="service-top2">
					<dt></dt>
					<dd>
						<a href="">遗失物品查找</a>
					</dd>
				</dl>

				<dl id="service-top3">
					<dt></dt>
					<dd>
						<a href="">共享汽车</a>
					</dd>
				</dl>

				<dl id="service-top4">
					<dt></dt>
					<dd>
						<a href="">便民托运</a>
					</dd>
				</dl>

			</div>

			<!-- 会员手册，常见问题 -->
			<div id="manual_problem">
				<!-- 会员手册-->
				<div id="manual">
					<span>会员手册</span>
					<p id="manual1"></p>
					<span>重要提示</span>
					<p id="manual2"></p>
					<ol>
						<li>
							开通“铁路畅行”常旅客服务车站
						</li>
						<li>
							“铁路畅行”常旅客服务渠道
						</li>
						<li>
							不参与积分积累的车票
						</li>
						<li>
							购票实名制车票退票积分怎么补登？
						</li>
					</ol>
				</div>
				<div id="problem">
					<span>常见问题 <a href="">更多>></a></span>
					<p id="problem1"></p>
					<ol>
						<li>
							如何成为“铁路畅行”会员？
						</li>
						<li>
							申请“铁路畅行”会员可使用的有效身份证件有哪些？
						</li>
						<li>
							如何在12306网站、“铁路12306”手机APP申请注册成为“铁路畅行”
						</li>
						<li>
							申请会员时，需要提供哪些信息？
						</li>
						<li>
							“铁路畅行”包含哪些服务？
						</li>
					</ol>
				</div>
			</div>

			<!-- 底部 -->
			<footer id="footer-con">
				<div id="footer-link">
					<span>友情链接</span>
					<nav>
						<a href="">
							<img src="images/link05.png" alt="">
						</a>
						<a href="">
							<img src="images/link03.png" alt="">
						</a>
					</nav>
					<nav>
						<a href="">
							<img src="images/link02.png" alt="">
						</a>
						<a href="">
							<img src="images/link04.png" alt="">
						</a>
					</nav>
				</div>

				<div id="footer-left">
					<dl>
						<dt>中国铁路官方微信</dt>
						<dd>
							<img src="images/zgtlwx.png" alt="">
						</dd>
					</dl>

					<dl>
						<dt>中国铁路官方微博</dt>
						<dd>
							<img src="images/zgtlwb.png" alt="">
						</dd>
					</dl>

					<dl>
						<dt>12306公众号</dt>
						<dd>
							<img src="images/public.png" alt="">
						</dd>
					</dl>

					<dl>
						<dt>铁路12306</dt>
						<dd>
							<img src="images/downloads.png" alt="">
						</dd>
					</dl>
					<div id="footer-pub">
						官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。
					</div>
				</div>
			</footer>
		</div>
	</div>

	<!-- 最底部 -->
	<div id="footer-bottom">
		<div id="bot_con">
			<p>版权所有©2008-2022 中国铁道科学研究院集团有限公司</p>
			<dl>
				<dt>
					<a href="">
						<img src="images/gongan.png" alt="">
					</a>
				</dt>
				<dd>
					<a href="">京公网安备</a>
					<a href=""> 11010802038392号</a>
					| 京ICP备05020493号-4 | ICP证：京B2-20202537
				</dd>
			</dl>
			<div id="down-img">
				<img src="images/footer-slh.jpg" alt="">
			</div>
		</div>	
	</div>
	
</body>
<script src="js/member.js">
	
</script>
</html>